#onekan{
  width:100%;
  background: #f6f6f6;
  position: relative;
  //.noFollow{
  //  width: 100%;
  //  margin-top: .2rem;
  //  p{
  //    font-size: 0.32rem;
  //    text-align: center;
  //    color: #fb635d;
  //    a{
  //      background: green;
  //      color: white;
  //      border-radius: .24rem;
  //      padding: 0 .12rem;
  //    }
  //  }
  //}
  .kanBG{
    width: 100%;
    padding-top: 1.4rem;
    background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/background_details.png) no-repeat 50%;
    background-size: cover;
    .kanContainer{
      width: 6.8rem;
      margin: 0 auto;
      border-radius: .2rem;
      background: #fff;
      box-shadow: 5px 5px 5px #dcdcdc;
      padding-bottom: .32rem;
      .Profile-picture{
        text-align: center;
        width: 1.2rem;
        margin: 0 auto;
        position: relative;
        top: -.46rem;
        .border{
          width: 1.2rem;
          height: 1.2rem;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          background: white;
          img{
            width: 1.12rem;
            height: 1.12rem;
            border-radius: 50%;
            margin: auto;
            margin-top: .04rem;
          }
        }
        p{
          font-size: .28rem;
          margin-top: .16rem;
          margin-left: .1rem;
          text-align: center;
          display: block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
      .content{
        width: 98%;
        margin: 0 auto;
        text-align: center;
        p{
          font-size: .3rem;
          text-align: center;
          margin-top: -.4rem;
        }
      }
      .pro-container{
        width: 95%;
        margin: 0 auto 0;
        background: #f6f6f6;
        display: flex;
        flex-direction: row;
        margin-top: .38rem;
        -webkit-border-radius: .1rem;
        -moz-border-radius: .1rem;
        border-radius: .1rem;
        div:nth-of-type(1){
          width: 1.2rem;
          height: 1.2rem;
          margin: .25rem;
          img{
            width: 100%;
            height: 100%;
            display: block;
            border-radius:.08rem;
            -webkit-border-radius: .08rem;
          }
        }
        div:nth-of-type(2){
          width: 4rem;
          margin-top: .26rem;
          p:nth-of-type(2){
            line-height: .5rem;
            color: #9948c3;
          }
        }
        div{
          p{
            font-size: .28rem;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
          }
        }
      }
    }
    .cutFree{
      width: 6.8rem;
      margin: 0 auto;
      border-radius: .2rem;
      background: #fff;
      border: 1px solid #e6e6e6;
      padding-bottom: .32rem;
      .Profile-picture{
        text-align: center;
        width: 1.2rem;
        margin: 0 auto;
        position: relative;
        top: -.46rem;
        .border{
          width: 1.2rem;
          height: 1.2rem;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          background: white;
          img{
            width: 1.12rem;
            height: 1.12rem;
            border-radius: 50%;
            margin: auto;
            margin-top: .04rem;
          }
        }
      }
      .pro-container{
        width: 6rem;
        margin: 0 auto 0;
        background: white;
        display: flex;
        flex-direction: row;
        //margin-top: .38rem;
        border-radius: .1rem;
        border: 1px solid #e6e6e6;
        div:nth-of-type(1){
          width: 1.2rem;
          height: 1.2rem;
          margin: .25rem;
          img{
            width: 100%;
            height: 100%;
            display: block;
            border-radius:.08rem;
            -webkit-border-radius: .08rem;
          }
        }
        div:nth-of-type(2){
          width: 4rem;
          margin-top: .26rem;
          p:nth-of-type(2){
            line-height: .5rem;
            color: #9948c3;
          }
        }
        div{
          p{
            font-size: .28rem;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
          }
        }
      }
      .countDown{
        margin-top: .3rem;
        p{
          text-align: center;
          font-size:.28rem;
          color:#323232;

        }
      }
      .beginkanContainer{
        margin-top: .25rem;
        a{
          display: block;
          width: 71%;
          height: .83rem;
          margin: .25rem auto;
          font-size: .32rem;
          text-align: center;
          line-height: .83rem;
          color: #fff;
        }
        .btnYellow{
          background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/yellow_a.png) no-repeat center center;
          background-size: 100%;
        }
        .btnRed{
          background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/red_a.png) no-repeat center center;
          background-size: 100%;
          span{
            font-size:.25rem
          }
        }
      }
    }
  }
  .redBag{
    width: 100%;
    background: #fff;
    padding-top: .35rem;
    padding-bottom: .46rem;
    .photo{
      width: 5.3rem;
      height: 5.5rem;
      background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/newAddThreeKan/bg_kanjia.png) no-repeat center center;
      background-size: cover;
      margin: 0 auto;
      .oneTest{
        font-size: .34rem;
        color: #fff;
        text-align: center;
        display: block;
        padding: .5rem 0;
      }
      .money{
        display: flex;
        justify-content: center;
        margin-bottom: .28rem;
        li{
          background:url("https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/newAddThreeKan/coupon_bg.png")no-repeat;
          background-size: cover;
          width: 1.32rem;
          height:1.67rem;
        }
        .icon{
          font-size: .3rem;
          color: #fd374a;
          display: flex;
          align-items: center;
          margin-top: .38rem;
          justify-content: center;
          .much{
            font-size: .4rem;
            color:#fd374a;
          }
        }
      }
      .twoTest {
        font-size:.28rem;
        color:#ffffff;
        text-align: center;
      }
      .redbBtn{
        background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/newAddThreeKan/button_k.png) no-repeat;
        background-size: cover;
        width: 2.98rem;
        height: .65rem;
        font-size: .28rem;
        color: #bf572f;
        margin: 0 auto;
        margin-top: .6rem;
        text-align: center;
        line-height: .65rem;
      }
      .greenBtn{
        width: 5rem;
        font-size: .4rem;
        color: bisque;
        margin: 0 auto;
        margin-top: .6rem;
        text-align: center;
        line-height: .50rem;
      }
    }
  }
  .beginkan{
    width: 100%;
    background: #fff;
    padding-bottom: .25rem;
    .beginkanBg{
      width: 100%;
      height: 2.22rem;
      background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/imgChange/WechatIMG304.png) no-repeat 50%;
      background-size: 4.92rem 2.22rem;
      position: relative;
      padding-top: .6rem;
      ul{
        color: #fb635d;
        margin-left: 2.3rem;
        margin-top: .6rem;
        font-size: .26rem;
        text-align: center;
      }
      p{
        font-size: .26rem;
        position: absolute;
      }
      p:nth-of-type(1){
        color: #fff;
        text-align: center;
        margin-left: 2.1rem;
        margin-top: .6rem;
      }
      p:nth-of-type(2){
        color: #fb635d;
        left: 60%;
        top: 50%;
      }
    }
    a{
      display: block;
      width: 71%;
      height: .83rem;
      background: red;
      margin: .25rem auto;
      font-size: .32rem;
      text-align: center;
      line-height: .83rem;
      color: #fff;
    }
    .btnYellow{
      background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/yellow_a.png) no-repeat center center;
      background-size: 100%;
    }
    .btnRed{
      background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/red_a.png) no-repeat center center;
      background-size: 100%;
      span{
        font-size:.25rem
      }
    }
    .beginkanContainer{
      margin-top: .25rem;
    }
    .countDown{
      margin-top: .3rem;
      p{
        text-align: center;
        font-size:.28rem;
        color:#323232;

      }
    }
  }
  .cutList{
    width: 100%;
    background: #fff;
    padding-top: .5rem;
    margin-top: .2rem;
    .title{
      width: 38%;
      height: .34rem;
      margin: 0 auto;
      background: url('https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/ranking.png') no-repeat center center;
      background-size: 100%;
      margin-bottom: .62rem
    }

    .containers{
      width: 80%;
      border-bottom: 1px dashed #646464;
      overflow: hidden;
      padding: 0 .1rem;
      margin: 0 auto;
      padding-bottom: .2rem;
      margin-top: .2rem;
      .imgBox{
        width: 0.8rem;
        height: 0.8rem;
        border-radius: 50%;
        overflow: hidden;
        float: left;
        img{
          width: .8rem;
          height: .8rem;
          display: block;
          float: left;
        }
      }
      div{
        float:left;
        margin-left: .24rem;
      }
      p{
        font-size: .28rem;
        width: 4.8rem;
        display: block;
        word-break: break-all;
        word-wrap: break-word;
      }
    }
    .container{
      width: 80%;
      border-bottom: 1px dashed #646464;
      overflow: hidden;
      padding: 0 .1rem;
      margin: 0 auto;
      padding-bottom: .2rem;
      margin-top: .2rem;
      .imgBox{
        width: 0.8rem;
        height: 0.8rem;
        border-radius: 50%;
        overflow: hidden;
        float: left;
        img{
          width: .8rem;
          height: .8rem;
          display: block;
          float: left;
        }
      }
      div{
        float:left;
        margin-left: .24rem;
      }
      p{
        font-size: .28rem;
      }
    }
    h3{
      text-align: center;
      font-size: .3rem;
      font-weight:normal;
    }
  }
  .nopaMar{
    margin-top: 0;
    padding: 0;
  }
  .ruleContainer{
    //margin-top: .2rem;
    background: #fff;
    div{
      width: 90%;
      margin: 0 auto;
      padding: .44rem 0 0.6rem 0;
      h2{
        font-size: .32rem;
        padding-bottom: .24rem;
        font-weight: normal;
      }
      p{
        font-size: .26rem;
        margin-top: .22rem;
      }
    }
  }
  .templBg{
    background: #000000;
    opacity: .84;
    width: 100%;
    height:100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
  }
  .dialog{
    position: fixed;
    top: 19%;
    left: 13%;
    border-radius: .2rem;
    background: #fff;
    z-index: 999;
    width: 5.6rem;
    .Profile-picture{
      text-align: center;
      width: 1.2rem;
      margin: 0 auto;
      position: absolute;
      top: -0.75rem;
      left: 40%;
      img{
        width: 1rem;
        height: 1rem;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: block;
      }
      p{
        font-size: .28rem;

      }
    }
    .content{
      text-align: center;
      margin-top: .6rem;
      p{
        font-size: .3rem;
        margin-top: .12rem;
        padding-bottom:.2rem;
      }
    }
    .pro-container{
      width: 95%;
      padding: .3rem 0;
      margin: .5rem auto 0;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      div:nth-of-type(1){
        background: #fc635e;

      }
      div:nth-of-type(2){
        background: #ffc63b;
      }
      div{
        width: 2.4rem;
        height: 1.1rem;
        border-radius: 3rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        p{
          font-size: .28rem;
          color: #fff;
        }
      }
    }
  }
  .showReabag{
    position: fixed;
    top: 16%;
    left: 10%;
    z-index: 999;
    background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/aredenvelope_b.svg);
    background-size: cover;
    width: 6rem;
    height: 5.7rem;
    .redBagMoney{
      color: #f4b51d;
      text-align: center;
      margin-top: .95rem;
      font-size: .7rem;
    }
    .helpCutMoney{
      color: #fdee55;
      font-size: .32rem;
      text-align: center;
      margin-top: 1.2rem;
    }
    .getRedBag{
      top: 4.48rem;
      color: #fdee55;
      font-size: .28rem;
      text-align: center;
      margin-top: .08rem;
    }
    .redBagtext{
      color: #fff;
      font-size: .24rem;
      text-align: center;
      margin-top: .5rem;
    }

  }
  .num{
    background:url("https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/newOrder/star_three.png");
    background-size:100% 100%;
    width:5.2rem;
    height:.94rem;
    position: fixed;
    top:14%;
    left: 15%;
    text-align:center;
    z-index: 999;
    p{
      font-size:.34rem;
      color:#ffffff;
      span{
        color:#f7c52b;
        font-size:.44rem;
      }
    }
  }
  .newContext{
    width: 6rem;
    height: 3rem;
    background: #fff;
    border-radius: .2rem;
    text-align: center;
    position: fixed;
    top: 17%;
    left: 10%;
    z-index: 1000;
    line-height: 3rem;
    p{
      font-size: .3rem;
      color: #323232;
    }
  }
  .giveUp{
    width: 5.5rem;
    height: .6rem;
    border-radius: .6rem;
    text-align: center;
    position: fixed;
    top: 55%;
    left: 13%;
    z-index: 9999;
    font-size: .32rem;
    line-height: .6rem;
    background: #cccccc;
    color: #9948c3;
  }
  .contexts{
    p{
      font-size: .28rem;
      color: #323232;
      padding-bottom: .5rem;
      text-align: center;
    }
    img{
      width: 1.8rem;
      height: 1.8rem;
      padding-top: .24rem;
      margin-right: .2rem;
    }
  }
  .arrow{
    img{
      width: 1.68rem;
      height: 1.9rem;
      position: fixed;
      right: .34rem;
      top: 0;
      z-index: 99;
    }
  }
  .styleX{
    img{
      position: fixed;
      top: 72%;
      left: 45%;
      width: 0.65rem;
      height: 0.65rem;
      z-index: 99;
    }
  }
  .newPosi{
    background: #fff;
    width: 1.6rem;
    height: .64rem;
    position: fixed;
    right: -3%;
    top: 48%;
    border-radius: .32rem;
    border: 1px solid #fb635d;
    span{
      font-size: .26rem;
      color: #fb635d;
      margin: auto;
      display: block;
      margin-top: .15rem;
      margin-left: .2rem;
    }
  }
  .newPosi2{
    background: #fff;
    width: 2.3rem;
    height: .64rem;
    position: fixed;
    right: -6%;
    top: 55%;
    border-radius: .32rem;
    border: 1px solid #fb635d;
    span{
      font-size: .26rem;
      color: #fb635d;
      margin: auto;
      display: block;
      margin-top: .15rem;
      margin-left: .2rem;
    }
  }
  .cutOne{
    position: fixed;
    top: 13%;
    left: 10%;
    border-radius: .2rem;
    z-index: 999;
    width: 6rem;
    height: 10.67rem;
    .styleX{
      width: .5rem;
      height: .5rem;
      position: fixed;
      top: 10%;
      display: block;
      font-size: .5rem;
      color: #fff;
      right: 12%;
      background: url(http://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/change/WechatIMG273.png)no-repeat;
      background-size: cover;
    }
  }
}
